{% extends "base.html" %}
{% block content %}

<div class="grid_16">
  <h1>Take the tour! Here's what MediaGoblin offers...</h1>
  <div class="tour-block">
  <div class="grid_8 alpha">
    <h2>Start sharing </h2>
    <p>
      You can easily get started sharing your media with the world using MediaGoblin. <a href="https://wiki.mediagoblin.org/EasyDeployment">Run your own site</a>, use one by a friend or family member, or <a href="http://wiki.mediagoblin.org/Live_instances">something public</a>. 
    </p>
  </div>
  <div class="grid_8 omega">
    <h2>Explore, Conserve, Create</h2>
    <p>
      Browse galleries curated by other MediaGoblin users and create your own, by simply uploading your media files or compiling collections from the works of others.
    </p>
  </div>
  <div class="clear"></div>
  <div class="grid_8 alpha">
    <p class="tour-screenshot">
      <a href="/images/tour/profile2_cropped.png"
         ><img src="/images/tour/profile2_cropped_thumb.png"
               alt="Profile of a user with short description and latest media" /></a>
    </p>
  </div>
  <div class="grid_8 omega">
    <p class="tour-screenshot">
      <a href="/images/tour/jpope_gallery2_cropped.png"
         ><img src="/images/tour/jpope_gallery2_cropped_thumb.png"
               alt="An image gallery" /></a>
    </p>
  </div>
  <div class="grid_8 alpha">
    <h2>Show What Matters</h2>
    <p>
      MediaGoblin's design aims to put the spotlight on your creations, free from distractions. Because it's in your works where detail really matters.
    </p>
  </div>
  <div class="grid_8 omega">
    <h2>Goblins of a different kind</h2>
    <p>
    Media isn't just pictures. MediaGoblin also supports audio files, videos, books and presentations or even 3D-models and ASCII-art. On the backend, it can use powerful tools to transcode or convert your files.
    </p>
  </div>
  <div class="clear"></div>
  <div class="grid_8 alpha">
    <p class="tour-screenshot">
      <a href="/images/tour/image_media1_cropped.png"
         ><img src="/images/tour/image_media1_cropped_thumb.png"
               alt="A photo" /></a>
    </p>
  </div>
  <div class="grid_8 omega">
    <p class="tour-screenshot">
      <a href="/images/tour/audio_screenshot_cropped.png"
         ><img src="/images/tour/audio_screenshot_cropped_thumb.png"
               alt="Playing an audio file" /></a>
    </p>
  </div>
  <div class="clear"></div>
  <div class="grid_8 alpha">
    <h2>A community of Goblins</h2>
    <p>
      But MediaGoblin is also social. We have a built-in <a href="http://mediagoblin.org/news/mediagoblin-0.5.0-goblin-force.html">comment system</a> which supports Markdown formatting, comment previews and notifications. So you can get an idea what others are thinking about your creations.
    </p>
  </div>
  <div class="grid_8 omega">
    <h2>Learning new things is fun</h2>
    <p> MediaGoblin is more than just software, it's a community of
      people like you! Everyone loves learning from others, be they programmers, artists, translators,
      administrators, or writers.

    </p>
  </div>
  <div class="clear"></div>
  <div class="grid_8 alpha">
    <p class="tour-screenshot">
      <a href="/images/tour/caminandes_cropped.png"
         ><img src="/images/tour/caminandes_cropped_thumb.png"
               alt="Caminandes video" /></a>
      <br />
      <i>(Image from <a href="https://www.caminandes.com/">Caminandes</a>, an independent Open Movie Project, released under
        <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 Unported</a>)
      </i>
    </p>
  </div>
  <div class="grid_8 omega">
    <p class="tour-screenshot">
      <a href="/images/tour/presentation1_cropped.png"
         ><img src="/images/tour/presentation1_cropped_thumb.png"
               alt="A presentation document in PDF" /></a>
    </p>
  </div>
  <div class="clear"></div>
  <div class="grid_8 alpha">
    <h2>Define your own boundaries</h2>
    <p>
      MediaGoblin is built with extensibility in mind. You can easily add a <a href="http://mediagoblin.readthedocs.org/en/latest/pluginwriter/media_type_hooks.html">new media type</a> or <a href="http://mediagoblin.readthedocs.org/en/latest/pluginwriter/authhooks.html">new authentication provider</a>. Even further, you could <a href="http://mediagoblin.readthedocs.org/en/latest/#part-3-plugin-writer-s-guide">write plugins</a> for all purposes, like <a href="http://mediagoblin.org/news/pump-api-progress.html">connecting to another platforms API</a>.
    </p>
  </div>
  <div class="grid_8 omega">
    <h2>Everything within your hands</h2>
    <p>
      As will all free software projects, you can just grab a copy of MediaGoblin and set it free in the wild of the web. A <a href="http://mediagoblin.org/news/mediagoblin-0.6.0-lore-of-the-admin.html">comfortable admin interface</a> ensures that you stay in control in case of misbehaviour. Once federation is fully implemented, users will be able to communicate in between different installations.
    </p>
  </div>
  <div class="clear"></div>
  <div class="grid_8 alpha">
    <p class="tour-screenshot">
      <a href="/images/tour/3dmodel_cropped.png"
         ><img src="/images/tour/3dmodel_cropped_thumb.png"
               alt="A 3D-printable Gavroche" /></a>
    </p>
  </div>
  <div class="grid_8 omega">
    <p class="tour-screenshot">
      <a href="/images/tour/mediagoblin_0.6.0_admin_user_panel-scaled.png"
         ><img src="/images/tour/mediagoblin_0.6.0_admin_user_panel-scaled_thumb.png"
               alt="Admin panel to control user privileges" /></a>
    </p>
  </div>
  <div class="clear"></div>
  <div class="grid_8 alpha">
    <h2>No compromises in taste</h2>
    <p>
      Just <a href="http://mediagoblin.readthedocs.org/en/latest/siteadmin/theming.html">change the looks of MediaGoblin</a> in any way you want by creating a new theme. The appearance of your creation's surroundings should gracefully support your personal expression and make it stand out.
    </p>
  </div>
  <div class="grid_8 omega">
      <h2>Excited? Jump In!</h2>
    <ul>
      <li>
        <b>Run it</b> --
        Learn more about running your own instance of MediaGoblin.

        Check out our step-by-step
        <a href="http://docs.mediagoblin.org/">guide to installing MediaGoblin</a>
        on your own server.
      </li>
      <li>
        <b>Use it</b> --
        Get started using MediaGoblin with an existing community.
        <a href="http://wiki.mediagoblin.org/Live_instances">Find
        sites already running MediaGoblin</a>.
      </li>
      <li>
        <b>Join us</b> --
        MediaGoblin is built by a vibrant and friendly community of people like you!

        Learn more about <a href="/pages/join.html">getting involved</a>
        or <a href="http://wiki.mediagoblin.org/HackingHowto">setting
        up a local instance for development</a>!
      </li>
    </ul>
  </div>
  <div class="clear"></div>
  <div class="grid_8 alpha">
    <p class="tour-screenshot">
      <a href="/images/tour/jpope_train_cropped.png"
         ><img src="/images/tour/jpope_train_cropped_thumb.png"
               alt="jpope's theme featuring a photo of a train turning around the corner'" /></a>
    </p>
  </div>
  <div class="clear"></div>
</div>
</div>
{% endblock content %}
